<!DOCTYPE html>
<html>
<head>
    <title>V-cloak</title>
    <!--  <script src="../js/vue.min.js"></script>  用于在页面中引入vue.js,会阻塞页面的渲染, 还可以放在body的最下方, 不会阻塞页面的渲染. 但是js脚本还是会被阻塞 -->
</head>
<body>
    <!-- Your HTML code goes here -->
    <div id="root">
            <h2 v-cloak>{{name}}</h2> <!--在vue渲染之前, 不展示未经渲染的模板 {{name}} }-->
            <h2 v-text="name"></h2></h2>
    </div>
    <script src="../js/vue.min.js"></script> <!-- 用于在页面中引入vue.js,会阻塞页面的渲染, 还可以放在body的最下方, 不会阻塞页面的渲染. 但是js脚本还是会被阻塞 -->
</body>
<script>
    new Vue({
        el: "#root",
        data: {
            name: 'jacky'
        }
    })
</script>
</html>
